<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>拼多多 新电商开创者</title>
		<link rel="icon" type="text/css" href="img/favicon.ico" />
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}
			
			ul,
			li {
				list-style: none;
			}
			
			.ad {
				text-align: center;
			}
			
			.bg {
				background-color: #F3F3F3;
			}
			
			.nav {
				padding-top: 20px;
				/*导航栏整体距顶部距离*/
				background-color: white;
				/*设置导航栏内背景*/
				border-bottom: 2px solid red;
				/*设置导航栏下边框为红色*/
				width: 100%;
				/*为使导航栏在整个导航框内铺满，设置width: 100%*/
			}
			
			.nav div {
				margin: 0 auto;
				/*导航栏内图片文字所在div顶头居中*/
				width: 1200px;
				/*导航栏内图片文字所在div宽度*/
			}
			
			a {
				text-decoration: none;
				/*去a链接下划线*/
				color: #808080;
				/*文字颜色*/
				font-size: 18px;
			}
			
			.nav ul {
				float: right;
				/*ul靠右*/
				margin-top: 20px;
				/*文字距顶部距离*/
			}
			
			.nav ul li {
				float: left;
				border-right: 2px solid #6c6c6c;
				padding-right: 15px;
				/*文字与竖线间的距离*/
				padding-left: 15px;
			}
			
			.nav ul li:first-child a {
				color: red;
			}
			
			.hd,
			.zt {
				margin: 80px auto;
				width: 1200px;
			}
			
			.hd-title,
			.zt-title {
				border-bottom: 1px solid red;
				padding-bottom: 20px;
			}
			
			.hd-title span:last-child {
				float: right;
				color: #868686;
			}
			
			.hd-con {
				margin: 50px 0;
			}
			
			.hd-con>div {
				display: inline-block;
			}
			
			.hd-left {
				width: 26.67%;
			}
			
			.hd-conter {
				width: 41.66%;
			}
			
			.hd-right {
				width: 28.67%;
			}
			
			.hd-con div div {
				padding: 10px;
				background-color: white;
			}
			
			.hd-con div div:last-child {
				margin-top: 15px;
			}
			
			.hd-con div div:hover {
				opacity: 0.5;
			}
			
			.zt-con {
				text-align: center;
				padding-top: 45px;
			}
			
			.zt li {
				display: inline-block;
				text-align: center;
				width: 45%;
				background-color: white;
				padding: 10px;
			}
			
			.zt-con li div {
				display: inline-block;
				width: 30%;
			}
			
			.zt img {
				width: 100%;
			}
			
			.zt-con span:before {
				content: "￥";
			}
			
			.zt-con span:last-child {
				text-decoration: line-through;
				color: gray;
			}
			
			.zt-title span:last-child {
				float: right;
			}
			
			.zt img:hover {
				opacity: 0.5;
			}
			
			.footer {
				background-color: white;
			}
			
			.footer-con {
				margin: 80px auto;
				width: 1200px;
			}
			
			.footer-left,
			.footer-right {
				float: left;
			}
			
			.footer-left div {
				display: inline-block;
				padding: 30px;
			}
			
			.footer-right {
				border-left: 1px solid black;
				display: inline-block;
				margin: 5px;
				padding: 15px;
				padding-left: 3.5rem;
			}
			
			.footer-right span {
				font-size: 25px;
				color: #4d4d4d;
				margin: 5px;
			}
			
			.footer-right p {
				font-size: 15px;
				color: #4d4d4d;
				padding: 5px;
			}
			
			.footer-behind {
				font-size: 0;
				margin: 0 auto;
				margin-bottom: 0.58rem;
				width: 100%;
				display: inline-block;
				position: relative;
			}
			
			
			.footer-behind{background-color: white;right: 102px;}
	    	.footer-behind div{margin: 0 auto;width: 1500px;}
	    	.footer-behind ul{float:right;position: absolute;display: inline-block;left: 155px;width: 1500px;}
	    	.footer-behind li{float: left;padding: 0;}
	    	.footer-behind a{color: dimgray;font-size: 15px;}
	    	.footer-behind ul li{float:left;border-right: 2px solid #6c6c6c;padding-left: 10px;padding-right: 10px;}
			
			
		</style>

	</head>

	<body>
		<div class="bg">
			<div class="nav">
				<div>
					<img src="img/pdd_logo_v3.png" />
					<ul>
						<li>
							<a href="">首页</a>
						</li>
						<li>
							<a href="">商家入驻</a>
						</li>
						<li>
							<a href="">热点资讯</a>
						</li>
						<li>
							<a href="">爱心扶贫</a>
						</li>
						<li>
							<a href="">社会招聘</a>
						</li>
						<li>
							<a href="">校园招聘</a>
						</li>
						<li>
							<a href="">下载APP</a>
						</li>
						<li>
							<a href="">帮助中心</a>
						</li>
						<li>
							<a href="">廉政举报</a>
						</li>
						<li>
							<a href="">分享挣钱</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="ad">
				<a href=""><img src="img/index_banner_2_v7.jpg" /></a>
			</div>
			<div class="hd">
				<div class="hd-title">
					<span>精彩活动</span>
					<span><a href="">更多></a></span>
				</div>
				<div class="hd-con">
					<div class="left">
						<div><img src="img/12.jpg" / alt=""></div>
						<div><img src="img/9.jpg" /></div>
					</div>
					<div class="center">
						<div><img src="img/7.jpg" / alt=""></div>
						<div><img src="img/10.jpg" /></div>
					</div>
					<div class="right">
						<div><img src="img/13.jpg" / alt=""></div>
						<div><img src="img/14.png" /></div>
					</div>
				</div>
			</div>
			<div class="zt">
				<div class="zt-title">
					<span>精彩专题</span>
					<span><a href="">更多></a></span>
				</div>
				<div class="zt-con">
					<ul>
						<li>
							<img src="img/4.jpg" alt="" />
							<div>
								<a href=""><img src="img/5.jpg" alt="" /></a>
								<p>连裤袜</p>
								<span>33.22</span>
								<span>98</span>
							</div>
							<div>
								<a href=""><img src="img/15.jpg" alt="" /></a>
								<p>皮草外套</p>
								<span>899</span>
								<span>1899</span>
							</div>
							<div>
								<a href=""><img src="img/16.jpg" alt="" /></a>
								<p>水貂领复合皮毛外套</p>
								<span>699</span>
								<span>1499</span>
							</div>
						</li>

						<li>
							<a href=""><img src="img/6.jpg" alt="" /></a>
							<div>
								<a href=""><img src="img/2.jpg" alt="" /></a>
								<p>男士加绒加厚衬衣</p>
								<span>49.9</span>
								<span>299</span>
							</div>
							<div>
								<a href=""><img src="img/8.jpg" alt="" /></a>
								<p>男士牛仔裤</p>
								<span>65.9</span>
								<span>399</span>
							</div>
							<div>
								<a href=""><img src="img/11.jpg" alt="" /></a>
								<p>羽绒服男大衣</p>
								<span>579</span>
								<span>998</span>
							</div>
						</li>
					</ul>
				</div>

				<div class="zt-con">
					<ul>
						<li>
							<img src="img/cat_food_2.jpg" alt="" />
							<div>
								<a href=""><img src="img/101.jpg" alt="" /></a>
								<p>胶原蛋白片</p>
								<span>99</span>
								<span>309</span>
							</div>
							<div>
								<a href=""><img src="img/20.jpg" alt="" /></a>
								<p>月见草胶囊</p>
								<span>92</span>
								<span>150</span>
							</div>
							<div>
								<a href=""><img src="img/23.jpg" alt="" /></a>
								<p>黑蜂胶胶囊</p>
								<span>89</span>
								<span>199</span>
							</div>
						</li>

						<li>
							<a href=""><img src="img/cat_shoes.jpg" alt="" /></a>
							<div>
								<a href=""><img src="img/21.jpg" alt="" /></a>
								<p>女士雪地靴</p>
								<span>78</span>
								<span>345</span>
							</div>
							<div>
								<a href=""><img src="img/004.jpg" alt="" /></a>
								<p>韩版围巾</p>
								<span>13.86</span>
								<span>298</span>
							</div>
							<div>
								<a href=""><img src="img/123.jpg" alt="" /></a>
								<p>真牛皮雪地靴</p>
								<span>79</span>
								<span>696</span>
							</div>
						</li>
					</ul>
				</div>

				<div class="zt-con">
					<ul>
						<li>
							<img src="img/cat_general.jpg" alt="" />
							<div>
								<a href=""><img src="img/007.jpg" alt="" /></a>
								<p>心相印18盒抽纸</p>
								<span>38.6</span>
								<span>79</span>
							</div>
							<div>
								<a href=""><img src="img/008.jpg" alt="" /></a>
								<p>洁婷卫生巾</p>
								<span>9.38</span>
								<span>99</span>
							</div>
							<div>
								<a href=""><img src="img/0008.jpg" alt="" /></a>
								<p>蓝月亮洗衣液12斤</p>
								<span>72.9</span>
								<span>159</span>
							</div>
						</li>

						<li>
							<a href=""><img src="img/cat_beauty_2.jpg" alt="" /></a>
							<div>
								<a href=""><img src="img/17.jpg" alt="" /></a>
								<p>眼霜</p>
								<span>16.73</span>
								<span>138</span>
							</div>
							<div>
								<a href=""><img src="img/0002.jpg" alt="" /></a>
								<p>保湿液</p>
								<span>169</span>
								<span>599</span>
							</div>
							<div>
								<a href=""><img src="img/56.jpg" alt="" /></a>
								<p>补水保湿液</p>
								<span>143.5</span>
								<span>566</span>
							</div>
						</li>
					</ul>
				</div>

				<div class="zt-con">
					<ul>
						<li>
							<img src="img/cat_electrical.jpg" alt="" />
							<div>
								<a href=""><img src="img/18.jpg" alt="" /></a>
								<p>一加手机6T</p>
								<span>3699</span>
								<span>4500</span>
							</div>
							<div>
								<a href=""><img src="img/0003.jpg" alt="" /></a>
								<p>华为荣耀8X</p>
								<span>1185</span>
								<span>1899</span>
							</div>
							<div>
								<a href=""><img src="img/0010.jpg" alt="" /></a>
								<p>苏泊尔电饭煲</p>
								<span>154</span>
								<span>620.01</span>
							</div>
						</li>

						<li>
							<a href=""><img src="img/cat_baby.jpg" alt="" /></a>
							<div>
								<a href=""><img src="img/011.jpg" alt="" /></a>
								<p>儿童毛毛虫童鞋</p>
								<span>47.4</span>
								<span>130</span>
							</div>
							<div>
								<a href=""><img src="img/133.jpg" alt="" /></a>
								<p>回力儿童棉拖鞋</p>
								<span>19.74</span>
								<span>39.9</span>
							</div>
							<div>
								<a href=""><img src="img/0001.jpg" alt="" /></a>
								<p>儿童防走失钢丝</p>
								<span>25.9</span>
								<span>128</span>
							</div>
						</li>
					</ul>
				</div>

				<div class="zt-con">
					<ul>
						<li>
							<img src="img/cat_textiles_v1.jpg" alt="" />
							<div>
								<a href=""><img src="img/014.jpg" alt="" /></a>
								<p>3条毛巾</p>
								<span>22.9</span>
								<span>89</span>
							</div>
							<div>
								<a href=""><img src="img/012.jpg" alt="" /></a>
								<p>儿童毛巾</p>
								<span>16.6</span>
								<span>48</span>
							</div>
							<div>
								<a href=""><img src="img/013.jpg" alt="" /></a>
								<p>手枪钻</p>
								<span>113.1</span>
								<span>187</span>
							</div>
						</li>

						<li>
							<a href=""><img src="img/cat_sports_2.jpg" alt="" /></a>
							<div>
								<a href=""><img src="img/0006.jpg" alt="" /></a>
								<p>变速自行车</p>
								<span>560</span>
								<span>1480</span>
							</div>
							<div>
								<a href=""><img src="img/19.jpg" alt="" /></a>
								<p>安踏男鞋</p>
								<span>169</span>
								<span>269</span>
							</div>
							<div>
								<a href=""><img src="img/213.jpg" alt="" /></a>
								<p>特步男鞋</p>
								<span>132.05</span>
								<span>279</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
				<div class="footer">
					<div class="footer-con">
						<div class="footer-left">
							<div><img src="img/pdd_foot_wechat.png" />
								<p>扫描二维码微信关注</p>
							</div>
							<div><img src="img/pdd_foot_wechat.png" />
								<p>扫描二维码下载App</p>
							</div>
							<div><img src="img/pdd_foot_wechat.png" />
								<p>微信扫码免费领取</p>
							</div>
					</div>
						<div class="footer-right">
							<span>联系我们</span>
							<p>客服&举报电话：021-61897088（推荐）</p>
							<p align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;400-8822-528</p>
							<p>商家热线：021-61897188</p>
							<p>客服时间：8:00-20:30</p>
							<p>上海寻梦信息技术有限公司</p>
						</div>
						<div class="footer-behind">
							<ul >
								<li><a href="">商家入住</a></li>
								<li><a href="">校园招聘</a></li>
								<li><a href="">关于我们</a></li>
								<li><a href="">帮助中心</a></li>
								<li><a href="">下载APP</a></li>
								<li><a href="">消费者保障</a></li>
								<li><a href="">维权投诉指引</a></li>
								<li><a href="">廉政举报</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私政策</a></li>
								<li><a href="">征求意见</a></li>
								<li><a href="">Investor Relations</a></li>
							</ul>
						</div>
					</div>
				</div>				
	</body>
</html>